/* CSS Document */

.c3 {
    color: #333;
}
.f38 {
    font-size: 38px;
}
.tc {
    text-align: center;
}

.aic {
    align-items: center;
}

.jcsa {
    justify-content: space-around;
}

#home-soft .swiper-pagination {
 text-align:right
}
#home-soft .swiper-pagination .swiper-pagination-bullet {
 width:10px;
 height:10px;
 background-color:#d8d8d8;
 margin:0 10px;
 position:relative
}
#home-soft .swiper-pagination .swiper-pagination-bullet-active {
 background-color:#d1aa76;
 border:2px solid #fff;
 width:16px;
 top:2px;
 height:16px
}
.bg[data-v-78ea659c] {
 height:660px;
 background-image:url(https://clourd-static.oss-cn-hangzhou.aliyuncs.com/wap%2Fimgs%2Fsad.jpg);
 background-position:bottom;
 background-size:100%,945px
}
.soft-title[data-v-78ea659c] {
 color:#fff;
 padding:44px 0
}
.descript-soft[data-v-78ea659c] {
 position:absolute;
 bottom:0;
 left:0;
 width:1118px;
 height:70px;
 z-index:2;
 background-color:rgba(0,0,0,.6);
 color:#fff;
 line-height:70px;
 font-size:20px;
 text-align:center
}
.soft-swiper[data-v-78ea659c] {
 width:100%;
 padding:15px;
 background-color:#fff;
 box-shadow:0 8px 24px 0 rgba(0,0,0,.2)
}
.soft-swiper[data-v-78ea659c],
.swiper-slide[data-v-78ea659c] {
 display:flex;
 justify-content:center
}
.swiper-slide[data-v-78ea659c] {
 background-size:cover;
 background-position:50%;
 align-items:center
}
.swiper-slide img[data-v-78ea659c] {
 display:block;
 background-image:url(/sh/_nuxt/img/7f9f228.png)
}
.gallery-top[data-v-78ea659c],
.swiper-slide img[data-v-78ea659c] {
 width:1118px;
 height:520px
}
.gallery-top .swiper-button-next[data-v-78ea659c],
.gallery-top .swiper-button-prev[data-v-78ea659c] {
 width:40px;
 height:40px;
 line-height:40px;
 background-image:none;
 font-size:38px;
 text-align:center;
 border:2px solid #d1aa76;
 color:#d1aa76;
 border-radius:40px
}
.article_tab[data-v-78ea659c] {
 display:block;
 transition:-webkit-animation .5s;
 transition:animation .5s;
 transition:animation .5s,-webkit-animation .5s
}

.bg[data-v-78ea659c] {
    height: 660px;
    background-image: url(https://clourd-static.oss-cn-hangzhou.aliyuncs.com/wap%2Fimgs%2Fsad.jpg);
    background-position: bottom;
    background-size: 100%,945px;
}

.home-soft .soft-title[data-v-78ea659c] {
 margin:0 auto;
 padding-bottom:18px
}
.home-soft .soft-icons[data-v-78ea659c] {
 margin-bottom:25px;
 padding:0 50px
}
.home-soft .soft-icons .soft-item[data-v-78ea659c] {
 width:120px;
 line-height:41px;
 text-align:center;
 border:1px solid transparent;
 color:#fff;
 font-size:20px;
 font-weight:500;
 cursor:pointer;
 border-radius:30px
}
.home-soft .soft-icons .soft-item.soft-item-active[data-v-78ea659c] {
 border-color:#d1aa76;
 color:#d1aa76
}
.home-soft .soft-icons .soft-item[data-v-78ea659c]:hover {
 color:#d1aa76
}

.soft-con[data-v-95c3d4c6] {
 box-shadow:0 4px 9px rgba(0,0,0,.2);
 transition:all .2s linear;
 position:absolute;
 width:370px;
 flex:auto;
 background:#fff;
 border:1px solid #eee
}
.soft-con .soft-img[data-v-95c3d4c6] {
 width:158px;
 height:108px;
 border:1px solid #ddd;
 display:none
}
.soft-con .pdcon[data-v-95c3d4c6] {
 padding:0 22px;
 overflow:hidden
}
.soft-con .soft-item[data-v-95c3d4c6] {
 height:66px;
 transition:all .1s linear;
 line-height:66px;
 border-bottom:1px solid #eee
}
.soft-con .soft-item .soft-link[data-v-95c3d4c6] {
 height:100%
}
.soft-con .soft-item .soft-link[data-v-95c3d4c6]:before {
 content:"·"
}
.soft-con .soft-item[data-v-95c3d4c6]:hover {
 height:148px;
 line-height:1.6
}
.soft-con .soft-item:hover .soft-link[data-v-95c3d4c6] {
 color:#d1aa76
}
.soft-con .soft-item:hover .soft-link[data-v-95c3d4c6]:before {
 display:none
}
.soft-con .soft-item:hover .soft-info[data-v-95c3d4c6] {
 white-space:pre-wrap;
 padding-left:20px
}
.soft-con .soft-item:hover .soft-img[data-v-95c3d4c6] {
 display:block
}
.soft-con.soft-con0[data-v-95c3d4c6] {
 left:0
}
.soft-con.soft-con0 .soft-title[data-v-95c3d4c6] {
 background-color:#767f8e
}
.soft-con.soft-con1[data-v-95c3d4c6] {
 left:450px;margin-top:-53px;
}
.soft-con.soft-con1 .soft-title[data-v-95c3d4c6] {
 background-color:#d6b2ba
}
.soft-con.soft-con1.soft-con-active[data-v-95c3d4c6] {
 left:352px;
 z-index:3
}
.soft-con.soft-con2[data-v-95c3d4c6] {
 right:0
}
.soft-con.soft-con2 .soft-title[data-v-95c3d4c6] {
 background-color:#e3cba5
}
.soft-con.soft-con-active[data-v-95c3d4c6] {
 width:444px;
 
 z-index:4
}
.soft-con.soft-con-active .soft-title[data-v-95c3d4c6] {
 line-height:86px;
 font-size:26px
}
.soft-title[data-v-95c3d4c6] {
 transition:all .2s linear;
 text-align:center;
 color:#fff;
 line-height:72px;
 font-size:22px
}
.ell[data-v-6c155534] {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}




select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("https://raw.githubusercontent.com/ourjs/static/gh-pages/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }



.base-title {
 height:55px;
 line-height:55px;
 overflow:hidden;
 color:#808080
}
.base-title .title {
 font-size:22px;
 color:#333;
 float:left
}
.base-title .en {
 font-family:arial;
 font-size:12px;
 margin-left:5px;
 margin-top:10px;
 float:left;
 text-transform:uppercase
}
.base-title .title-right {
 float:right;
 font-size:12px
}
.base-title .title-right .more {
 color:#bb0511
}
.base-title .title-right a {
 color:#808080
}
.container-auto {
    width: 1200px;
	margin: 0 auto;
    padding: 0;
}
.quality {
 margin-top:70px
}
.quality .quality-items {
 margin:50px 0
}
.quality .quality-items .item {
 float:left;
 width:14%;
 border-right:1px solid #ddd;
 font-size:12px;
 color:#333;
 text-align:center;
 padding:10px 15px;
 transition:all .3s linear
}
.quality .quality-items .item a {
 color:#333;
 display:block;
 transition:color .3s linear
}
.quality .quality-items .item strong {
 color:#2d2d2d;
 font-size:20px;
 font-weight:normal;
 border-bottom:1px solid #2d2d2d;
 display:block;
 padding-bottom:10px;
 margin-bottom:10px;
 transition:all .3s linear
}
.quality .quality-items .item .info {
 line-height:22px
}
.quality .quality-items .item.border-no {
 border:none
}
.quality .quality-items .item:hover {
 background:#bb0511
}
.quality .quality-items .item:hover strong {
 color:#fff;
 border-color:#cf0c18
}
.quality .quality-items .item:hover a {
 color:#f2f2f2
}
.quality .quality-image {
 margin:70px 0
}


.box4 {
    padding-bottom: 70px;
}
.box4 {
    padding-bottom: 70px;
}
.container {
    width: 1200px;
    margin: 0 auto;
}

.indexTitle {
 text-align:center;
 padding:60px 0 35px
}
.indexTitle .title {
 font-size:40px;
 color:#333
}
.indexTitle .subTitle {
 font-size:14px;
 color:#666;
 margin-top:10px
}
.indexTitle .line {
 margin-top:15px
}
.indexTitle .line:before {
 display:inline-block;
 content:'';
 height:1px;
 width:80px;
 background:#ccc;
 vertical-align:middle
}
.indexTitle .line:after {
 display:inline-block;
 content:'';
 height:1px;
 width:80px;
 background:#ccc;
 vertical-align:middle
}
.indexTitle .line .dot {
 display:inline-block;
 width:40px;
 height:1px;
 position:relative;
 vertical-align:middle
}
.indexTitle .line .dot:after {
 content:'';
 width:8px;
 height:8px;
 background:#e74c3c;
 display:inline-block;
 border-radius:50%;
 position:relative;
 top:-9px
}
.indexTitle .tag {
 margin-top:25px
}
.indexTitle .tag a {
 color:#999
}
.indexTitle .tag a:hover {
 color:#e74c3c
}
.indexTitle .tag i {
 color:#999;
 padding:0 20px
}

.mt20 {
    margin-top: 20px !important;
}
.tc {
    text-align: center;
}


.box4 ul {
 height:480px;
 padding-left:480px
}
.box4 ul.filter-list {
 padding-left:0;
 height:auto;
 width:175px;
 z-index:9
}
.box4 ul.filter-list li {
 float:none
}
.box4 li {
 float:left
}
.box4 li .lazy {
 width:100%;
 height:100%;
 display:block;
 overflow: hidden;
background-color: #fff;
-webkit-transform: rotateZ(0);
}
.lazy img.lazy_img {
    background: none;
    position: absolute;
}
.box4 li.first {
 position:relative;
 width:480px;
 height:480px;
 margin-left:-480px
}
.box4 li.first .tag {
 background:#e74c3c;
 color:#fff;
 border-radius:10px 0 0 0;
 position:absolute;
 right:0;
 top:20px;
 z-index:1;
 padding:5px 10px
}
.box4 li.item .tag {
 background:#e74c3c;
 color:#fff;
 border-radius:10px 0 0 0;
 position:absolute;
 right:0;
 top:20px;
 z-index:1;
 padding:5px 10px
}
.box4 li.first .con {
 position:absolute;
 left:0;
 padding-left:33px;
 padding-bottom:40px;
 padding-top:40px;
 bottom:0;
 right:0;
 background:rgba(0,0,0,0.7)
}
.box4 li.first .con .tit,
.box4 li.first .con .subTit {
 color:#fff;
 font-size:24px
}
.box4 li.first .con .des {
 font-size:18px;
 color:#999;
 margin-top:10px;
 line-height:1.6
}
.box4 li.item {
 position:relative;
 width:240px;
 height:240px;
 overflow:hidden
}
.box4 li.item:hover .con {
 bottom:0
}
.box4 li.item .con {
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s;
 bottom:-100%;
 background:rgba(231,76,60,0.9);
 z-index:1;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 text-align:center;
 color:#fff
}
.box4 li.item .con .tit {
 margin-top:40px;
 font-size:22px
}
.box4 li.item .con .des {
 font-size:16px;
 margin-top:15px;
 line-height:2
}
.box4 li.item .con .btn {
 border:solid 1px #fff;
 color:#fff;
 font-size:16px;
 display:inline-block;
 padding:5px 40px;
 margin-top:20px
}
.box4 li.form {
 width:480px;
 height:240px
}
.box4 li.form .input-box {
 padding-left:55px
}
.box4 li.form .line {
 width:62px;
 height:4px;
 background:#e74c3c;
 margin:10px auto 15px
}
.box4 li.form input {
 border:solid 1px #ddd;
 padding:10px 15px;
 font-size:14px;
 width:143px;
 float:left;
 margin:0 20px 10px 0
}

.text-white {
    color: #fff !important;
}
.f20 {
    font-size: 20px !important;
}
.pr {
    position: relative;
}
.filter-disabled {
 -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 box-sizing: border-box
}
.filter-box {
 position: relative;
 box-sizing: border-box
}
.filter-box select {
 display: none;
 box-sizing: border-box
}
.filter-text {
 height: 100%;
 overflow: hidden;
 position: relative;
 cursor: pointer;
 padding: 0 30px 0 10px;
 background: #fff;
 border: 1px solid #e6e6e6;
 box-sizing: border-box
}
.filter-text input {
 font-size: 14px;
 box-sizing: border-box
}
.filter-text .filter-title {
 width: 100%;
 height: 36px;
 line-height: 36px;
 border: 0;
 background-color: transparent;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 padding: 0;
 cursor: pointer;
 box-sizing: border-box
}
.filter-list {
 display: none;
 width: 100%;
 max-height: 260px;
 background-color: #fff;
 font-size: 14px;
 position: absolute;
 top: 42px;
 left: 0;
 z-index: 99;
 border: 1px solid #e6e6e6;
 overflow: auto;
 box-sizing: border-box
}
.filter-list li.filter-null a {
 color: #d2d2d2;
 box-sizing: border-box
}
.filter-list li a {
 display: block;
 padding: 0 10px;
 line-height: 36px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 cursor: pointer;
 box-sizing: border-box
}
.filter-list li a:hover {
 color: #2b2b2b
}
.filter-list li:hover {
 background-color: #f2f2f2
}
.filter-list li.filter-selected {
 background-color: #f2f2f2
}
.filter-list li.filter-selected a {
 display: block;
 color: #2b2b2b
}
.filter-list li.filter-disabled {
 background-color: #fff
}
.filter-list li.filter-disabled a {
 display: block;
 color: #d2d2d2;
 box-sizing: border-box
}
.filter-list li.filter-disabled:hover a {
 cursor: not-allowed !important;
 background-color: #fff
}
.icon {
 position: absolute;
 box-sizing: border-box
}
.icon-filter-arrow {
 width: 8px;
 height: 6px;
 background-repeat: no-repeat;
 background-image: url(../images/icon_arrow_down_x2.png);
 background-size: 100%;
 right: 10px;
 top: 13px
}
.icon-filter-arrow.filter-show {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg)
}
.filter-list::-webkit-scrollbar {
 width: 4px;
 height: 4px
}
.filter-list::-webkit-scrollbar-track {
 background: #fff
}
.filter-list::-webkit-scrollbar-thumb {
 background: #CBCBCB
}

.button {
	
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
   
        background-color: rgb(255, 255, 255);
    border: 1px solid #dcdfe6;
        border-top-color: rgb(220, 223, 230);
        border-right-color: rgb(220, 223, 230);
        border-bottom-color: rgb(220, 223, 230);
        border-left-color: rgb(220, 223, 230);
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    outline: none;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 2px;
	 background: #e74c3c;
}

.button-primary {
    color: #fff;
    background-color: #e74c3c;
    border-color: #e74c3c;
	margin-top:10px;
 padding:10px 60px;
 border: solid 0px #ddd;
 
}




.three {
    padding-top: 0;
}
section {
    padding: 50px 0;
        padding-top: 50px;
    overflow: hidden;
}

.three .titles {
        text-align: center;
        margin-bottom: 50px;}
.three .titles h3 {
            font-size: 36px;
            color: #2B2B2B;
            margin-bottom: 5px;
        }
.three .titles span {
            font-size: 18px;
            color: #656565;
            text-transform: uppercase;
        }




.three .con {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.three .box1 {
                    width: 34%; 
                }
.three .box2 {
                    width: 43%;
                    align-content: stretch;
                }
.three .box3 {
                    width: 23%;}
.three .box3 img {
                        // min-height: 100%;
                        // min-width: 100%;
                    }
.three .box .con > * {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.three .con a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}					
					

.three .box .con > div div {
    margin: 7px;
}
.three .box  .vr360Img {}
.three .box .vr360Iframe {
                            display: none;
                        }
.three .box  &.vr {
                            flex-grow: 1;}
.three .box  &.vr a {
                                height: 100%;}
.three .box  &.vr a img {
                                    min-height: 100%;
                                }
  
.three .box  .iframe {
                    border: 0;
                }